﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Guest.Master" AutoEventWireup="true"
    CodeBehind="Register.aspx.cs" Inherits="CungMuaC5.Account.Register" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <!-- Script Validate -->
    <script type="text/javascript">

        function PassAnimation(animatedObj, animatedMsg, message) {
            $(animatedObj).html("<img src='../Images/waiting.gif' alt='Checking Email!'>");
            var delay = function () {
                $(animatedObj).html("<img src='../Images/available.gif' alt='Checking Email!'>");
                $(animatedMsg).html(message);
            }
            setTimeout(delay, 1000);
        }

        function FailAnimation(animatedObj, animatedMsg, message) {
            $(animatedObj).html("<img src='../Images/waiting.gif' alt='Checking Email!'>");
            var delay = function () {
                $(animatedObj).html("<img src='../Images/taken.gif' alt='Checking Email!'>");
                $(animatedMsg).html(message);
            }
            setTimeout(delay, 1000);
        }

        var isValidEmail;
        var isValidPassword;
        var isValidRePassword;
        var isValidName;
        var isValidPhone;
        var isValidDOB;
        var isValidTenDN;  
        var isValidChucVu;
        var isValidWebsite;
        var isValidDiaChi;
        var isValidContactInfo;

        function DangKiClient() {
            var LoaiTK = document.getElementById("<%=combo_LoaiTK.ClientID  %>").value;
            if (LoaiTK == "Member") {
                if (isValidEmail == false || isValidPassword == false || isValidRePassword == false || isValidName == false || isValidDOB == false || isValidPhone == false) {
                    alert("Thông tin đăng kí không hợp lệ");
                    return false;
                }
                else {
                    //alert("Đăng kí thành công tài khoản Member");
                    return true;
                }
            }
            else {
                if (isValidEmail == false || isValidPassword == false || isValidRePassword == false || isValidName == false || isValidDOB == false || isValidPhone == false || isValidTenDN == false || isValidChucVu == false || isValidWebsite == false || isValidDiaChi == false || isValidContactInfo == false) {
                    alert("Thông tin đăng kí không hợp lệ");
                    return false;
                }
                else {
                    //alert("Đăng kí thành công tài khoản Doanh nghiệp");
                    return true;
                }
            }
        }

        function ValidateEmail() {
            var EmailRegex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            var Email = document.getElementById("<%=txt_Email.ClientID %>").value;
            if (!EmailRegex.test(Email)) {
                FailAnimation('#validRegisEmail', '#validRegisEmailMsg', "Email không đúng cú pháp");
                isValidEmail = false;
            }
            else {
                PassAnimation('#validRegisEmail', '#validRegisEmailMsg', "");
                isValidEmail = true;
            }
        }

        function ValidatePassword() {
            var Password = document.getElementById("<%=txt_Password.ClientID %>").value;
            var passLength = Password.length;
            if (passLength < 3 || passLength > 15) {
                FailAnimation('#validRegisPass', '#validRegisPassMsg', "Độ dài Password phải từ 3 đến 15 chữ cái");
                isValidPassword = false;
            }
            else {
                PassAnimation('#validRegisPass', '#validRegisPassMsg', "");
                isValidPassword = true;
            }
        }

        function ValidateRePassword() {
            var Password = document.getElementById("<%=txt_Password.ClientID %>").value;
            var RePassword = document.getElementById("<%=txt_RetypePassword.ClientID %>").value;
            if (RePassword != Password) {
                FailAnimation('#validRegisRePass', '#validRegisRePassMsg', "Retype Password không trùng khớp với Password");
                isValidRePassword = false;
            }
            else {
                PassAnimation('#validRegisRePass', '#validRegisRePassMsg', "");
                isValidRePassword = true;
            }
        }

        function ValidateName() {
            var name = document.getElementById("<%=txt_Name.ClientID %>").value;
            if (name.length == "") {
                FailAnimation('#validRegisName', '#validRegisNameMsg', "Thiếu họ tên");
                isValidName = false;
            }
            else {
                PassAnimation('#validRegisName', '#validRegisNameMsg', "");
                isValidName = true;
            }
        }

        function ValidatePhone() {
            var phoneRegex = /^[0-9]{10}$/;
            var phone = document.getElementById("<%=txt_Phone.ClientID %>").value;
            if (!phoneRegex.test(phone)) {
                FailAnimation('#validRegisPhone', '#validRegisPhoneMsg', "Số điện thoại không hợp lệ (Độ dài 10 chữ số)");
                isValidPhone = false;
            }
            else {
                PassAnimation('#validRegisPhone', '#validRegisPhoneMsg', "");
                isValidPhone = true;
            }
        }

        function ValidateDOB() {
            var currentYear = new Date();
            var ngay = document.getElementById("<%=txt_Date.ClientID %>").value;
            var thang = document.getElementById("<%=txt_Month.ClientID %>").value;
            var nam = document.getElementById("<%=txt_Year.ClientID %>").value;
            var ErrMessage = "";
            var RegexDate = /^[0-9]{2}$/;
            var RegexMonth = /^[0-9]{2}$/;
            var RegexYear = /^[0-9]{4}$/;
            if ((!RegexDate.test(ngay)) || (!RegexMonth.test(thang)) || (!RegexYear.test(nam))) {
                ErrMessage = "Không đúng định dạng ngày tháng";
                FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                isValidDOB = false;
            }
            else {
                var IsValid = IsDOBValid(ngay, thang, nam);
                if (IsValid == 0) {
                    ErrMessage = "";
                    PassAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = true;
                }
                if (IsValid == 1) {
                    ErrMessage = "Thiếu thông tin ngày tháng năm";
                    FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = false;
                }
                if (IsValid == 2) {
                    ErrMessage = "Thông tin ngày tháng năm không hợp lệ";
                    FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = false;
                }
                if (IsValid == 3) {
                    ErrMessage = "Thông tin ngày không hợp lệ";
                    FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = false;
                }
                if (IsValid == 4) {
                    ErrMessage = "Năm nhuận tháng 2 chỉ có 29 ngày";
                    FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = false;
                }
                if (IsValid == 5) {
                    ErrMessage = "Năm thường tháng 2 chỉ có 28 ngày";
                    FailAnimation('#validRegisDOB', '#validRegisDOBMsg', ErrMessage);
                    isValidDOB = false;
                }
            }
        }

        function IsDOBValid(ngay, thang, nam) {
            if (ngay == "" || thang == "" || nam == "") {
                return 1;
            }
            if (nam < 1900 || ngay < 0 || ngay > 31 || thang < 0 || thang > 12) {
                return 2;
            }
            if (nam >= 1900) {
                if (((thang == 4) || (thang == 6) || (thang == 9) || (thang == 11)) && (ngay > 30))
                    return 3;
                if ((nam % 4) == 0 && (nam % 100) != 0) {
                    if (thang == 2 && ngay > 29) {
                        return 4;
                    }
                }
                if ((nam % 4) != 0 || (nam % 100) == 0) {
                    if (thang == 2 && ngay > 28) {
                        return 5;
                    }
                }
            }
            return 0;
        }

        //Hide, Show Fieldset DoanhNghiep
        function XacDinhLoaiTK() {
            var loai = document.getElementById("<%= combo_LoaiTK.ClientID %>").value;
            if (loai == "Member")
                $("#DoanhNghiep").hide("slow");
            else
                $("#DoanhNghiep").show("slow");
        }

        //Validate Doanh Nghiep
        function ValidateTenDN() {
            var tenDN = document.getElementById("<%=txt_TenDN.ClientID %>").value;
            if (tenDN == "") {
                FailAnimation('#validRegisTenDN', '#validRegisTenDNMsg', "Thiếu thông tin doanh nghiệp");
                isValidTenDN = false;
            }
            else {
                PassAnimation('#validRegisTenDN', '#validRegisTenDNMsg', "");
                isValidTenDN = true;
            }
        }

        function ValidateChucVu() {
            var chucvu = document.getElementById("<%=txt_ChucVu.ClientID %>").value;
            if (chucvu == "") {
                FailAnimation('#validRegisChucVu', '#validRegisChucVuMsg', "Thiếu chức vụ");
                isValidChucVu = false;
            }
            else {
                PassAnimation('#validRegisChucVu', '#validRegisChucVuMsg', "");
                isValidChucVu = true;
            }
        }

        function ValidateWebsite() {
            var WebsiteURlRegex = /^([a-z0-9][a-z0-9\-]*\.)+[a-z0-9][a-z0-9\-]*$/;
            var website = document.getElementById("<%=txt_Website.ClientID %>").value;
            if (website == "") {
                FailAnimation('#validRegisWebsite', '#validRegisWebsiteMsg', "Thiếu Website");
                isValidWebsite = false;
            }
            else if (!WebsiteURlRegex.test(website)) {
                FailAnimation('#validRegisWebsite', '#validRegisWebsiteMsg', "Cú pháp url ko hợp lệ");
                isValidWebsite = false;
            }
            else {
                PassAnimation('#validRegisWebsite', '#validRegisWebsiteMsg', "");
                isValidWebsite = true;
            }
        }

        function ValidateDiaChi() {
            var diachi = document.getElementById("<%=txt_Address.ClientID %>").value;
            if (diachi == "") {
                FailAnimation('#validRegisDiaChi', '#validRegisDiaChiMsg', "Thiếu địa chỉ liên lạc");
                isValidDiaChi = false;
            }
            else {
                PassAnimation('#validRegisDiaChi', '#validRegisDiaChiMsg', "");
                isValidDiaChi = true;
            }
        }

        function ValidateContactInfo() {
            var contact = document.getElementById("<%=txt_ContactInfo.ClientID %>").value;
            if (contact == "") {
                FailAnimation('#validRegisContactInfo', '#validRegisContactInfoMsg', "Thiếu thông tin hợp tác");
                isValidContactInfo = false;
            }
            else {
                PassAnimation('#validRegisContactInfo', '#validRegisContactInfoMsg', "");
                isValidContactInfo = true;
            }
        }

    </script>
    <div style="display: none;">
        <img src="../Images/available.gif" alt="available" />
        <img src="../Images/taken.gif" alt="taken" />
        <img src="../Images/waiting.gif" alt="waiting" />
    </div>
    <fieldset>
        <legend>ĐĂNG KÍ TÀI KHỎAN</legend>
        <table cellspacing="10" style="width: 808px">
            <tr>
                <td colspan="2">
                    <asp:Label ID="lblMemberInfo" runat="server" Text="" ForeColor="Red">THÔNG TIN CÁ NHÂN</asp:Label>
                </td>
            </tr>
            <tr>
                <td style="height: 26px; width: 129px;">
                    Email
                </td>
                <td style="height: 26px; width: 633px;">
                    <asp:TextBox ID="txt_Email" runat="server"></asp:TextBox>
                    <span id="validRegisEmail"></span><span id="validRegisEmailMsg"></span>
                    <!--
                    <asp:RequiredFieldValidator ID="fvd_Email" ControlToValidate="txt_Email" runat="server"
                        ErrorMessage="Thiếu Email" ForeColor="Red" Font-Bold="True" />
                    <asp:RegularExpressionValidator ID="revd_Email" runat="server" ErrorMessage="Email không hợp lệ"
                        ForeColor="Red" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*([,;]\s*\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)*"
                        ControlToValidate="txt_Email" Font-Bold="True" />
                    -->
                </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Password
                </td>
                <td style="width: 633px">
                    <asp:TextBox ID="txt_Password" runat="server" TextMode="Password"></asp:TextBox>
                    <span id="validRegisPass"></span><span id="validRegisPassMsg"></span>
                    <!--
                    <asp:RequiredFieldValidator ID="fvd_Password" runat="server" ErrorMessage="Chưa nhập Mật khẩu"
                        ControlToValidate="txt_Password" Font-Bold="True" ForeColor="Red" />
                    -->
                </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Nhập lại Password
                </td>
                <td style="width: 633px">
                    <asp:TextBox ID="txt_RetypePassword" runat="server" TextMode="Password"></asp:TextBox>
                    <span id="validRegisRePass"></span><span id="validRegisRePassMsg"></span>
                    <!--
                    <asp:RequiredFieldValidator ID="fvd_RetypePassword" runat="server" ErrorMessage="Chưa nhập password"
                        ControlToValidate="txt_RetypePassword" Font-Bold="True" ForeColor="Red" />
                    <asp:CompareValidator ID="cmpvd_Password" runat="server" Text="Mật khẩu không trùng khớp"
                        ControlToValidate="txt_RetypePassword" Operator="Equal" ControlToCompare="txt_Password"
                        Font-Bold="True" ForeColor="Red" />
                    -->
                </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Họ tên
                </td>
                <td style="width: 633px">
                    <asp:TextBox ID="txt_Name" runat="server"></asp:TextBox>
                    <span id="validRegisName"></span><span id="validRegisNameMsg"></span>
                    <!--
                    <asp:RequiredFieldValidator ID="fvd_Name" runat="server" ErrorMessage="Chưa nhập Họ tên"
                        ControlToValidate="txt_Name" Font-Bold="True" ForeColor="Red" />
                    -->
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td style="width: 129px; height: 34px;">
                    Điện thoại
                </td>
                <td style="width: 633px; height: 34px;">
                    <asp:TextBox ID="txt_Phone" runat="server"></asp:TextBox>
                    <span id="validRegisPhone"></span><span id="validRegisPhoneMsg"></span>
                </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Ngày Sinh
                </td>
                <td style="width: 633px; margin-left: 40px;">
                    Ngày
                    <asp:TextBox ID="txt_Date" runat="server" Width="50px"></asp:TextBox>
                    &nbsp;Tháng
                    <asp:TextBox ID="txt_Month" runat="server" Width="50px"></asp:TextBox>
                    &nbsp;Năm
                    <asp:TextBox ID="txt_Year" runat="server" Width="50px"></asp:TextBox>
                    <span id="validRegisDOB"></span><span id="validRegisDOBMsg"></span>
                </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Giới tính
                    <td style="width: 633px">
                        &nbsp;<asp:DropDownList ID="combo_GioiTinh" runat="server">
                            <asp:ListItem Selected="True">Nam</asp:ListItem>
                            <asp:ListItem Value="Nu">Nữ</asp:ListItem>
                        </asp:DropDownList>
                    </td>
            </tr>
            <tr>
                <td style="width: 129px">
                    Loại tài khoản
                </td>
                <td style="width: 633px">
                    <asp:DropDownList ID="combo_LoaiTK" runat="server">
                        <asp:ListItem Selected="True" Value="Member">Member</asp:ListItem>
                        <asp:ListItem Value="DoanhNghiep">Doanh Nghiệp</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </fieldset>
    <br />
    <fieldset id="DoanhNghiep" style="display:none;">
        <legend>PHẦN THÔNG TIN CHO TÀI KHOẢN DOANH NGHIỆP</legend>
        <table cellspacing="10">
            <tr>
                <td colspan='2'>
                    <asp:Label ID="infoDN" runat="server" Text="" ForeColor="Red">THÔNG TIN DOANH NGHIỆP</asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    Tên Doanh Nghiệp
                </td>
                <td style="width: 533px">
                    <asp:TextBox ID="txt_TenDN" runat="server"></asp:TextBox>
                    <asp:Label ID="lbl_TenDN" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
                    <span id="validRegisTenDN"></span><span id="validRegisTenDNMsg"></span>
                </td>
            </tr>
            <tr>
                <td>
                    Chức vụ
                </td>
                <td style="width: 533px">
                    <asp:TextBox ID="txt_ChucVu" runat="server"></asp:TextBox>
                    <asp:Label ID="lbl_ChucVu" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
                    <span id="validRegisChucVu"></span><span id="validRegisChucVuMsg"></span>
                </td>
            </tr>
            <tr>
                <td>
                    Website
                </td>
                <td style="width: 533px">
                    <asp:TextBox ID="txt_Website" runat="server"></asp:TextBox>
                    <asp:Label ID="lbl_Website" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
                    <span id="validRegisWebsite"></span><span id="validRegisWebsiteMsg"></span>
                </td>
            </tr>
            <tr>
                <td>
                    Địa chỉ
                </td>
                <td style="width: 533px">
                    <asp:TextBox ID="txt_Address" runat="server"></asp:TextBox>
                    <asp:Label ID="lbl_Address" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
                    <span id="validRegisDiaChi"></span><span id="validRegisDiaChiMsg"></span>
                </td>
            </tr>
            <tr>
                <td>
                    Loại hình kinh doanh
                </td>
                <td style="width: 533px">
                    <asp:DropDownList ID="combo_LoaiHinhKD" runat="server">
                        <asp:ListItem Value="1">Ăn Uống</asp:ListItem>
                        <asp:ListItem Value="2">Du Lịch</asp:ListItem>
                        <asp:ListItem Value="3">Giải Trí</asp:ListItem>
                        <asp:ListItem Value="4">Thời Trang</asp:ListItem>
                        <asp:ListItem Value="5">Làm Đẹp</asp:ListItem>
                        <asp:ListItem Value="6">Công Nghệ</asp:ListItem>
                        <asp:ListItem Value="7">Gia Dụng</asp:ListItem>
                        <asp:ListItem Value="8">Đào Tạo</asp:ListItem>
                        <asp:ListItem Value="9">Khác</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td>
                    Thông tin hợp tác
                </td>
                <td style="width: 533px; margin-left: 40px;">
                    <asp:TextBox ID="txt_ContactInfo" runat="server"></asp:TextBox>
                    <asp:Label ID="lbl_ContactInfo" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
                    <span id="validRegisContactInfo"></span><span id="validRegisContactInfoMsg"></span>
                </td>
            </tr>
            <tr>
                <td>
                    Nơi muốn quảng cáo
                </td>
                <td style="width: 533px">
                    <asp:DropDownList ID="combo_Place" runat="server">
                        <asp:ListItem Value="1" Selected="True">Hồ Chí Minh</asp:ListItem>
                        <asp:ListItem Value="2">Hà Nội</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </fieldset>
    <br />
    <asp:Button ID="btnDangKi" runat="server" Text="ĐĂNG KÍ" OnClick="btnDangKi_Click" OnClientClick="DangKiClient();" />
    <asp:Button ID="btnTroLai" runat="server" Text="TRỞ LẠI TRANG CHỦ" OnClick="btnTroLai_Click" />
</asp:Content>
